<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div>1</div>

    <!-- React 发展史-->

    <!-- React 虚拟/真实Dom -->

    <script>
      const o = {
        tag: "div",
        children: 1,
      };

      console.time('time')
      for(let i = 0;i< 100000;i++) {
        const div = document.querySelector('div')
        div.innerHTML++
      }
      console.timeEnd('time')


      console.time('time1')
      for(let i = 0;i< 100000;i++) {
        o.children++
      }
      console.timeEnd('time1')
    </script>
  </body>
</html>
